/* global */
.swiper-slide {
    color:#fff;
    overflow: visible;
}

/* cover */
.slide-cover {
    background: #8f5286 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/cover/bg.jpg?v201504081036') no-repeat top center;
}

.slide-cover .ui-top-space {
    height:15%;
}

.slide-cover .ui-center-space {
    height:8%;
}

.slide-cover .ui-logo {
    width: 180px;
    height: 180px;
    border:4px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeInDown 0.2s ease-in 0.2s 1;
    animation: fadeInDown 0.2s ease-in 0.2s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-cover .ui-logo img {
    width: 100%;
    height: 100%;
}

.slide-cover .ui-row-company {
    opacity: 0;
    -webkit-animation: fadeInDown 0.2s ease-in 0.3s 1;
    animation: fadeInDown 0.2s ease-in 0.3s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-cover .ui-row-space {
    height:7%;
}

.slide-cover .ui-invitation {
    width: 570px;
    line-height: 45px;
    border-radius: 8px;
    overflow: visible;
    opacity: 0;
    -webkit-animation: fadeInDown 0.2s ease-in 0.4s 1;
    animation: fadeInDown 0.2s ease-in 0.4s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-cover .ui-invitation .ui-text {
    padding:18px;
}

.slide-cover .ui-host {
    width: 100%;
    bottom:7%;
    opacity: 0;
    -webkit-animation: bounceInUp 0.2s ease 0.6s 1;
    animation: bounceInUp 0.2s ease 0.6s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* introduction */
.slide-introduction {
    background: #1e4174 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/introduction/bg.jpg?v201504081036') no-repeat top center;
}

.slide-introduction .ui-top-space {
    height:8%;
}

.slide-introduction .ui-title {
    margin:0 0 0 35px;
    opacity: 0;
    -webkit-animation:fadeInLeft 1s ease-out;
    animation:fadeInLeft 1s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-title .ui-logo {
    width: 155px;
    height: 155px;
    margin:0 30px 0 0;
    border:4px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    overflow: hidden;
}

.slide-introduction .ui-title .ui-logo img {
    width: 100%;
    height: 100%;
}

.slide-introduction .ui-row-space {
    height: 4%;
}

.slide-introduction .ui-row {
    margin:0 0 0 35px;
}

.slide-introduction .ui-row .ui-arrow {
    width: 32px;
    height: 58px;
    line-height: 58px;
    margin:0;
    padding:0;
    background: rgba(0, 0, 0, 0) url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/introduction/arrow.png?v201504081036') no-repeat center center;
}

.slide-introduction .ui-row .ui-text {
    display: inline-block;
    min-width: 238px;
    height: 58px;
    line-height: 53px;
    color:#585171;
    padding:0 22px 0 13px;
    margin:0 0 0 -1px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color:#fff;
}

.slide-introduction .ui-row .ui-tail {
    width: 158px;
    height: 58px;
    line-height: 58px;
    margin:0 0 0 10px;
    padding:0;
    background: rgba(0, 0, 0, 0) url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/introduction/tail.png?v201504081036') no-repeat bottom left;
}

.slide-introduction .ui-row-valuation {
    opacity: 0;
    -webkit-animation:moveInLeft 0.8s ease-out 0.1s;
    animation:moveInLeft 0.8s ease-out 0.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-row-financing {
    opacity: 0;
    -webkit-animation:moveInLeft 0.8s ease-out 0.2s;
    animation:moveInLeft 0.8s ease-out 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-row-agency {
    opacity: 0;
    -webkit-animation:moveInLeft 0.8s ease-out 0.3s;
    animation:moveInLeft 0.8s ease-out 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-row-others {
    opacity: 0;
    -webkit-animation:moveInLeft 0.8s ease-out 0.4s;
    animation:moveInLeft 0.8s ease-out 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-center-space {
    height:8%;
}

.slide-introduction .ui-invitation-title {
    margin: 0 0 0 35px;
    opacity: 0;
    animation:moveInLeft 1.2s ease-out 0.5s;
    -webkit-animation:moveInLeft 1.2s ease-out 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-invitation-bubble {
    width: 570px;
    line-height: 45px;
    color:#585171;
    border-radius: 8px;
    background-color:#fff;
    overflow: visible;
    opacity: 0;
    -webkit-animation:moveInLeft 1.2s ease-out 0.5s;
    animation:moveInLeft 1.2s ease-out 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-introduction .ui-invitation-bubble .ui-triangle {
    width: 28px;
    height: 9px;
    top:-9px;
    left:3em;
    background: rgba(0, 0, 0, 0) url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/introduction/triangle.png?v201504081036') no-repeat bottom center;
}

.slide-introduction .ui-invitation-bubble .ui-text {
    padding:18px;
}

.slide-introduction .ui-invitation-bubble .ui-text a {
    color:#585171;
}

/* bonus */
.slide-bonus {
    background: #294561 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/bonus/bg.jpg?v201504081036') no-repeat top center;
}

.slide-bonus .ui-top-space {
    height:8%;
}

.slide-bonus .ui-title {
    opacity: 0;
    -webkit-animation: lightSpeedInUp 0.2s ease-in 0.9s 1;
    animation: lightSpeedInUp 0.2s ease-in 0.9s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-bonus .ui-center-space {
    height:30%;
}

.slide-bonus .ui-tag-cloud {
    width: 230px;
    height: 1px;
    overflow: visible;
    -webkit-animation: lightShake 1s ease-in-out;
    animation: lightShake 1s ease-in-out;
}

.slide-bonus .ui-tag-cloud .ui-tag {
    height: 54px;
    line-height: 54px;
    padding:0 8px;
    border-radius: 8px;
}

.slide-bonus .ui-tag-cloud .c-blue {
    color:#93c9ff;
}

.slide-bonus .ui-tag-cloud .b-blue {
    border:2px solid #93c9ff;
}

.slide-bonus .ui-tag-cloud .c-grey {
    color:#d7f3df;
}

.slide-bonus .ui-tag-cloud .b-grey {
    border:2px solid #d7f3df;
}

.slide-bonus .ui-tag-cloud .c-pink {
    color:#ffeced;
}

.slide-bonus .ui-tag-cloud .b-pink {
    border:2px solid #ffeced;
}

/* jobs */
.slide-jobs {
    background: #201c41 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/jobs/bg.jpg?v201504081036') no-repeat top center;
    overflow: hidden;
}

.slide-jobs .slide-wrapper {
}

.slide-jobs .ui-top-space {
    height:4%;
}

.slide-jobs .ui-title {
    height: 5%;
    opacity: 0;
    -webkit-animation: lightSpeedInUp 0.3s ease-in 0.3s 1;
    animation: lightSpeedInUp 0.3s ease-in 0.3s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-jobs .ui-center-space {
    height:6%;
}

.sub-power-scroll-container {
    width: 504px;
    height: 734px;
    overflow: visible;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: rotateIn 0.3s ease-in 0.1s 1;
    animation: rotateIn 0.3s ease-in 0.1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.sub-swiper-container {
    width: 504px;
    height: 734px;
    overflow: visible;
}

.sub-swiper-container .sub-swiper-wrapper {
    height: 100%;
}

.sub-swiper-container .sub-swiper-slide {
    float: left;
    background: none;
    z-index: 1;
}

.sub-swiper-container .sub-swiper-slide .slide-wrapper {
    width: 464px;
    border-radius: 16px;
}

.sub-slide-job {
    background-color: #333;    
    color: #fff;
}

.sub-slide-job .ui-head-wrapper {
    padding-top: 8px;
    margin: 0 8px;
}

.sub-slide-job .ui-head {
    height: 72px;
    line-height: 72px;
    padding: 0 14px;
    background-color:#999;
}

.sub-slide-job .ui-requirement {
    padding-top: 14px;
    margin: 0 17px;
    height: 13.5em;
    line-height: 1.5em;
    overflow: hidden;
}

.sub-slide-job .ui-apply-btn {
    margin: 8px 0 0 290px;
    z-index: 999;
}

.sub-slide-job .ui-apply-btn img {
    height: 47px;
}

.sub-slide-job .ui-role-title {
    width: 40%;
    left: 53%;
    bottom: 9%;
    z-index: 2;
}

.sub-slide-job .ui-role-title img {
    width: 100%;
}

.sub-slide-job .ui-role {
    bottom: -2px;
    z-index: 1;
}

.sub-slide-job .ui-role img {
    width: 100%;
    border-radius: 16px;
}

.sub-slide-job-design .slide-wrapper {
    background-color: #a665bf;    
}

.sub-slide-job-design .ui-head {
    background-color:#9c56b9; 
}

.sub-slide-job-marketing .slide-wrapper {
    background-color: #ec9746;    
}

.sub-slide-job-marketing .ui-head {
    background-color: #e26e21;    
}

.sub-slide-job-operation .slide-wrapper {
    background-color: #00bc9b;    
}

.sub-slide-job-operation .ui-head {
    background-color: #01a185;    
}

.sub-slide-job-product .slide-wrapper {
    background-color: #f69e00;    
}

.sub-slide-job-product .ui-head {
    background-color: #d55300;    
}

.sub-slide-job-programming .slide-wrapper {
    background-color: #c33825;    
}

.sub-slide-job-programming .ui-head {
    background-color: #ff6b51;    
}

.sub-slide-job-support .slide-wrapper {
    background-color: #ec9746;    
}

.sub-slide-job-support .ui-head {
    background-color: #e26e21;    
}

/* rating */
.slide-rating {
    background: #0d405a url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/rating/bg.jpg?v201504081036') no-repeat top center;
}

.slide-rating .ui-logo {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: flashIn 0.3s ease-out 0.1s;
    animation: flashIn 0.3s ease-out 0.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-rating .ui-logo .ui-logo-wrapper {
    width: 180px;
    height: 180px;
    border:4px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    overflow: hidden;
}

.slide-rating .ui-logo img {
    width: 100%;
    height: 100%;
}

.slide-rating .ui-logo .icon-e-level {
    right:10px;
    bottom:10px;
}

.slide-rating .ui-center-space {
    height:12%;
}

.slide-rating .ui-statistic {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: flashIn 0.3s ease-out 0.2s;
    animation: flashIn 0.3s ease-out 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-rating .ui-statistic .ui-highlight {
    display: inline-block;
    color:#ffff17;
    -webkit-animation: lightShake 0.7s ease-out 0.5s;
    animation: lightShake 0.7s ease-out 0.5s;
}

.slide-rating .ui-statistic .ui-highlight.a-largen-out {
    animation:largenOut 0.8s ease-in;
    -webkit-animation:largenOut 0.8s ease-in
}

.slide-rating .ui-rate-btn {
    width: 230px;
    height: 80px;
    line-height: 72px;
    border:2px solid #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: flashIn 0.3s ease-out 0.3s;
    animation: flashIn 0.3s ease-out 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-rating .ui-rate-btn .ui-hand.rated {
    color:#ff6759;
}

.slide-rating .ui-btn-group {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: flashIn 0.3s ease-out 0.4s;
    animation: flashIn 0.3s ease-out 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-rating .ui-site-logo {
    bottom: 50px;
    opacity: 0;
    -webkit-animation: flashIn 0.3s linear 0.6s 1;
    -moz-animation: flashIn 0.3s linear 0.6s 1;
    -ms-animation: flashIn 0.3s linear 0.6s 1;
    animation: flashIn 0.3s linear 0.6s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* functions */

.slide-functions {
    background: #1d7973 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/functions/bg.jpg?v201504081036') no-repeat top center;
}

.slide-functions .ui-title {
    opacity: 0;
    -webkit-animation: flashIn 0.2s 1 0.4s linear;
    animation: flashIn 0.2s 1 0.4s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-functions .ui-list {
    margin:0 0 0 80px;
}

.slide-functions .ui-list .ui-item {
    width: 220px;
    height: 265px;
    border-bottom: 5px solid #439787;
    border-radius: 5px;
    background-color: #61cdb6;
    margin:10px;
    opacity: 0;
    -webkit-animation: flashIn 0.2s 1 0.4s linear;
    animation: flashIn 0.2s 1 0.4s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-functions .ui-list .ui-title {
    line-height: 50px;
    color:#fff;
}

.slide-functions .ui-list .ui-abstract {
    line-height: 33px;
}

.slide-functions .ui-list .ui-icon {
    right: 0;
    bottom:0;
}

.slide-functions .ui-host {
    width: 100%;
    bottom:7%;
    opacity: 0;
    -webkit-animation: bounceInUp 0.2s ease 0.6s 1;
    animation: bounceInUp 0.2s ease 0.6s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* activity */

.slide-activity {
    background: #1d7973 url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/activity/bg.jpg?v201504081036') no-repeat top center;
}

.slide-activity .slide-wrapper {
    opacity: 0;
    -webkit-animation: flashIn 0.4s linear 0.1s 1;
    animation: flashIn 0.4s linear 0.1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-activity .ui-moon {
    width: 467px;
    height: 467px;
    background: rgba(0,0,0,0) url('/Weixin/Tpl/Public/slider/images/wei-user/super-cool/activity/moon.png?v201504081036') no-repeat top center;
    -webkit-animation: lightShake 0.8s ease-in 0.2s 1;
    animation: lightShake 0.8s ease-in 0.2s 1;
}

.slide-activity .ui-moon .ui-logo {
    top:36px;
}

.slide-activity .ui-moon .ui-duang {
    top:340px;
}

.slide-activity .ui-moon .ui-rocket {
    bottom:77px;
    left:0;
    -webkit-animation: activityRocketFlyAway 1s ease-in-out 0.8s 1;
    animation: activityRocketFlyAway 1s ease-in-out 0.8s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes activityRocketFlyAway {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(900%) translateY(-900%);
        opacity: 1;
    }
    81% {
        -webkit-transform: translateX(-300%) translateY(-900%);
        opacity: 1;
    }
    82% {
        -webkit-transform: translateX(-300%) translateY(300%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

@keyframes activityRocketFlyAway {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
    80% {
        transform: translateX(900%) translateY(-900%);
        opacity: 1;
    }
    81% {
        transform: translateX(-300%) translateY(-900%);
        opacity: 1;
    }
    82% {
        transform: translateX(-300%) translateY(300%);
        opacity: 1;
    }
    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

.slide-activity .ui-btn-join {
    width: 240px;
    height: 68px;
    line-height: 68px;
    color:#4d607b;
    background-color: #fff;
}
